<#global staticPath = "${request.contextPath}">
<#macro commomFrame>
<!DOCTYPE html>
<html lang="en">
	<head>
	    <meta charset="utf-8">
	    <title>管理页面</title>
	    <meta name="description" content="">
	    <meta name="author" content="">
	    
	   <meta name="viewport" content="width=device-width, initial-scale=0.5,minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes"/>
	
		<link href="${staticPath}/css/bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<link href="${staticPath}/css/font-awesome.min.css" rel="stylesheet">
		<link href="${staticPath}/css/chosen/chosen.min.css" rel="stylesheet"/>
		<link href="${staticPath}/css/pace.css" rel="stylesheet">
		<link href="${staticPath}/css/colorbox/colorbox.css" rel="stylesheet">
		<link href="${staticPath}/css/morris.css" rel="stylesheet">
		<link href="${staticPath}/css/endless.min.css" rel="stylesheet">
		<link href="${staticPath}/css/endless-skin.css" rel="stylesheet">
		<link href="${staticPath}/css/alertify/alertify.core.css" rel="stylesheet">
		<link href="${staticPath}/css/alertify/alertify.bootstrap.css" rel="stylesheet">
		
		<#--  
		<link href="${staticPath}/css/timepicker.css" rel="stylesheet" />
		<link href="${staticPath}/css/bootstrap-timepicker.css" rel="stylesheet"/>
		-->
		<link href="${staticPath}/ICalendar/css/lCalendar.css" rel="stylesheet" type="text/css"/>
		
		<script src="${staticPath}/ICalendar/js/lCalendar.js"></script>
    </head>
	<body>
		<div id="wrapper" class="preload">
		
			<div id="top-nav" class="fixed skin-6">
				<a href="#" class="brand">
					<span>天下归一</span>
					<span class="text-toggle">道法自然</span>
				</a>			
				<button type="button" class="navbar-toggle pull-left" id="sidebarToggle">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<button type="button" class="navbar-toggle pull-left hide-menu" id="menuToggle">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
			<ul class="nav-notification clearfix">
				<li class="dropdown">
					<a class="dropdown-toggle" data-toggle="dropdown" href="#">
						<strong>${(user.userName)!}</strong>
					</a>
				</li>
				<li class="dropdown hidden-xs">
					
				</li>
				<li class="dropdown">
					<a class="dropdown-toggle logoutConfirm_open" href="#logoutConfirm">
						<strong>退出</strong>
						<span></span>
					</a>
				</li>
			</ul>
		</div>
		
		<aside class="fixed skin-6">
			<div class="sidebar-inner scrollable-sidebar">
				<div class="size-toggle">
					<a class="btn btn-sm" id="sizeToggle">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</a>
					<a class="btn btn-sm pull-right logoutConfirm_open"  href="#logoutConfirm">
						<i class="fa fa-power-off"></i>
					</a>
				</div>
				
				<div class="main-menu">
					<ul>
						<li class="<#if menuId?? && menuId == "1">active</#if>">
							<a href="/train/list">
								<span class="menu-icon">
									<i class="fa fa-desktop fa-lg"></i> 
								</span>
								<span class="text">
									车次管理
								</span>
								<span class="menu-hover"></span>
							</a>
						</li>
						<li class="<#if menuId?? && menuId == "2">active</#if>">
							<a href="/user/list">
								<span class="menu-icon">
									<i class="fa fa-file-text fa-lg"></i> 
								</span>
								<span class="text">
									员工管理
								</span>
							</a>
						</li>
						<li class="<#if menuId?? && menuId == "3">active</#if>">
							<a href="/locomotive/list">
								<span class="menu-icon">
									<i class="fa fa-file-text fa-lg"></i> 
								</span>
								<span class="text">
									机车管理
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<span class="menu-icon">
									<i class="fa fa-envelope fa-lg"></i> 
								</span>
								<span class="text">
									Inbox
								</span>
								<span class="badge badge-danger bounceIn animation-delay6">4</span>
								<span class="menu-hover"></span>
							</a>
						</li>
					</ul>
					<div class="alert alert-info">
						放下屠刀立地成佛
					</div>
				</div>
			</div>
		</aside>

		<div id="main-container">
			<#nested>
			
			
		</div>
		
		<footer>
			<div class="row">
				<div class="col-sm-6">
					<span class="footer-brand">
						<strong class="text-danger">Endless</strong> Admin
					</span>
					<p class="no-margin">
						&copy; 2013 <strong>Endless Admin</strong>. ALL Rights Reserved. 
					</p>
				</div>
			</div>
		</footer>
	</div>
	
	
	
	<div class="custom-popup width-100" id="logoutConfirm">
		<div class="padding-md">
			<h4 class="m-top-none">你确定要退出登录?</h4>
		</div>

		<div class="text-center">
			<a class="btn btn-success m-right-sm" href="/user/loginOut">退出</a>
			<a class="btn btn-danger logoutConfirm_close">取消</a>
		</div>
	</div>
  	

	<script src="${staticPath}/js/jquery-1.10.2.min.js"></script>
	<script src="${staticPath}/js/bootstrap.min.js"></script>
	
	<script src='${staticPath}/js/chosen.jquery.min.js'></script>	
   
	<script src='${staticPath}/js/rapheal.min.js'></script>	
	<script src='${staticPath}/js/morris.min.js'></script>	
	
	<script src='${staticPath}/js/jquery.colorbox.min.js'></script>	

	<script src='${staticPath}/js/jquery.sparkline.min.js'></script>
	
	<script src='${staticPath}/js/pace.js'></script>
	
	<script src='${staticPath}/js/jquery.popupoverlay.min.js'></script>
	
	<script src='${staticPath}/js/jquery.slimscroll.min.js'></script>
	
	<script src='${staticPath}/js/modernizr.min.js'></script>
	
	<script src='${staticPath}/js/jquery.cookie.min.js'></script>
	
	<#-- <script src="${staticPath}/js/endless/endless_dashboard.js"></script> -->
	<script src="${staticPath}/js/endless/endless.js"></script>
	
	<script src="${staticPath}/js/parsley.min.js"></script>
	<script src="${staticPath}/js/alertify/alertify.min.js"></script>
	
	
		
		
 </body>
</html>
</#macro>